<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
		<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="#0A5AF9">
		<title>系统通知</title>
		<link rel="stylesheet" type="text/css" href="../css/api.css" />
		<link rel="stylesheet" href="../css/aui.css" />
		<link rel="stylesheet" href="../css/mui.css" />
		<link rel="stylesheet" href="../css/public-head.css" />
		<link rel="stylesheet" type="text/css" href="../css/SystemNotification.css"/>
	</head>

	<body>
		<div class="Zhangice">
			<!-- 消息结构 -->
			<div class='list'>
				<!--时间-->
				<div class="list-date">
					<span class="list-date-msg">星期五 10:26</span>
				</div>

				<div class="notification">
					<div class="fication-1">
						<div class="d1">洗车券过期通知</div>
						<div class="d2">18/10/24</div>
					</div>

					<div class="fication-2">
						<div class="d3"><img src="../image/icon/yhq2@2x.png" /></div>
						<div class="d4">您的洗车券将于2018年11月30日24点过期，请立即点击使用<br /><span>来自车车侠会员</span></div>
					</div>
				</div>
			</div>

			<!-- 消息结构 -->
			<div class='list'>
				<!--时间-->
				<div class="list-date">
					<span class="list-date-msg">星期三 10:26</span>
				</div>
				<!--消息块-->
				<div class="notification">
					<div class="fication-1">
						<div class="d1">订单状态通知</div>
						<div class="d2">18/10/24</div>
					</div>

					<div class="fication-2">
						<div class="d3-3"><img src="../image/icon/jishixiaoge@2x.png" /></div>
						<div class="d4">
							技师小哥（N·9527）已接单，预计19:50完成服务。
							<a>查看详情</a>
						</div>
					</div>
				</div>
			</div>

		</div>
	</body>
	<script type="text/javascript" src="../script/api.js"></script>
	<script type="text/javascript" src="../script/public-head.js"></script>
	<script type="text/javascript" src="../script/aui-slide.js"></script>
	<script type="text/javascript" src="../script/aui-tab.js"></script>
	<script type="text/javascript" src="../script/mui.js"></script>
	<script type="text/javascript" src="../script/rem.js"></script>

	<script type="text/javascript">
	apiready = function(){
		init()
		fnSystemAnnouncement()
	}
		headInner({
			title: "系统通知",
			//headleft
			headl: '<a href="#" style="color:white" class="mui-icon mui-icon-left-nav" tapmode onclick="api.closeWin()"></a>',
			//headright
			headr: '<a style="color:white"></a>',
			color: "", //默认是蓝色
			padding: "0px 15px 0px",
		})

	function fnSystemAnnouncement(){
		BASE.MYajax({
			'pathName': 'home/getNoticeList',
			'mothod': 'get',
			'ajaxData':announcement
		});
	}
	function announcement(ret,err){
		if (ret.code == 200) {
			var html = template('',ret);
			document.getElementById('').innerHTML = html;
		}else {
			reToast(ret,err)
		}
	}


   	function MessageCenter() {
		api.openWin({
			name: 'MessageCenter',
			url: '../html/MessageCenter.html'
		});
	}
	</script>

</html>
